<template>
  <div class="analysis_title">
    <img src="@/assets/imgs/analysis-title.png" alt="" srcset="" />
    <span class="title">{{ title }}</span>
    <span class="title_English">{{ English }}</span>
  </div>
</template>
<script>
export default {
  name: 'analysis_title',
  props: {
    title: {
      type: String,
      default: '',
    },
    English: {
      type: String,
      default: '',
    },
  },
  data() {
    return {}
  },
}
</script>
<style lang="less">
.analysis_title {
  padding: 0.1rem 0;
  img {
    width: 0.2rem;
    height: 0.18rem;
    vertical-align: middle;
  }
  .title {
    font-size: 0.18rem;
    font-family: ShiShangZhongHeiJianTi;
    font-weight: 400;
    color: #ffffff;
    vertical-align: middle;
  }
  .title_English {
    font-size: 12px;
    font-family: ShiShangZhongHeiJianTi;
    font-weight: 400;
    color: rgba(11, 110, 130, 0.5);
    vertical-align: bottom;
    margin-left: 0.1rem;
  }
}
</style>